<!doctype html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>金融炼金术 首页</title>
    <link href="global.css" rel="stylesheet" media="screen" />
    <link href="topic.css" rel="stylesheet" media="screen" />
</head>
<body>
	<!-- 导航 start -->
	<div class="mod_navigation_1">
		<div class="wrap">
			<div class="logo">
				<div class="logo_img">
					<span class="hidden">金融炼金术</span>
				</div>
				<!-- 登陆前 start -->
				<div class="login" style="display:none;">				
					<a href="##" class="btn btn_red">立即登录</a>
					<div class="links">
						<p>没有账号？<a href="##" class="link">立即注册</a></p>
					</div>					
				</div>
				<!-- 登录后 end -->
				<div class="login login_success">
					<!-- 登陆后 start -->
					<a href="##" class="photo"><img src="image/img-4.png"></a>
					<div class="user_info">
						<p class="user_name"><a href="##" class="name">小米，</a><a href="##" class="link">退出</a><a href="##" class="ico ico_dollar"></a></p>
						<p class="user_date">12-10 周三 10:18 <span>交易中</span></p>
					</div>
					<!-- 登录后 end -->
				</div>
			</div>
			<div class="mod_1">
				<div class="total_text">
					<span class="ico ico_dollar"></span><span class="text_1">1.5亿</span><span class="text_2">资金冶炼中</span><a href="##" class="btn btn_yellow">立即开户</a>
				</div>
				<div class="state">
					<div class="chart">
						<img src="image/chart.png">
					</div>
					<ul>
						<li><a href="##" class="title"><span class="label">金</span><span class="news_title textoverflow">金融</span><span class="news_data"><i>28%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:20%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">木</span><span class="news_title textoverflow">上市公司并购定增上市公司并购定增</span><span class="news_data"><i>21%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:50%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">水</span><span class="news_title textoverflow">科学技术驱动</span><span class="news_data"><i>98%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:70%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">火</span><span class="news_title textoverflow">军工等政策驱动</span><span class="news_data"><i>128%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:20%;"></span></span></li>
						<li><a href="##" class="title"><span class="label">风</span><span class="news_title textoverflow">科学技术驱动类</span><span class="news_data"><i>35%</i>/日</span></a><a href="##" class="kudos"></a><span class="progress_out"><span class="progress_in" style="width:30%;"></span></span></li>
					</ul>
				</div>
			</div>
			<div class="mod_2">
				<div class="total_text">
					<span class="ico ico_rank"></span><span class="text_1">899位</span><span class="text_2">炼金师扎堆休息侃大山</span>
				</div>
				<div class="state">
					<ul>
						<li><a href="##" class="title textoverflow">新浪财经资讯 12月15日消息 沪深消息</a><span class="text_time">10分钟前</span></li>
						<li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li>
						<li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">1分钟前</span></li><li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li><li><a href="##" class="title textoverflow">深成指开低后探底回升翻红消息文字文字文字</a><span class="text_time">10分钟前</span></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="mod_navigation_2">
		<div class="wrap">
			<ul class="nav">
				<li class="nav_item nav_item_selected"><a href="##">首页</a></li>
				<li class="nav_item"><a href="##">主题排名</a></li>
				<li class="nav_item"><a href="##">社区</a></li>
				<li class="nav_item"><a href="##"><span class="plus">+</span>新建主题</a></li>
			</ul>
			<div class="op_area">
				<a href="##" class="op_btn"><span class="ico ico_heart"></span>11</a>
				<a href="##" class="op_btn"><span class="ico ico_cart"></span>18</a>
			</div>
			<div class="btn_area">
				<a href="##" class="btn btn_gray">体验模拟交易</a>
				<a href="##" class="btn btn_gray">关联实盘账户</a>
			</div>
			
		</div>
	</div>
	<!-- 导航 end -->
	<!-- 面包屑 start -->
	<div class="breadcrumb">
		<div class="wrap">
			<ul>
			<li>
				<a href="##" class="link">策略排名</a>
			</li>
			<li>
				<a href="##" class="link"> > 电子相关主题</a>
			</li>
			<li>
				<a href="##" class="link link_now"> > 2014电子元件</a>
			</li>
			</ul>
		</div>		
	</div>
	<!-- 面包屑 end -->
	<!-- 内容 start -->
	<div class="main_content">
		<div class="wrap clear">
			<!-- 左边 start -->
		<div class="left_ct">
			<div class="mod_ad">
				<a href="##" class="ad_img"><img src="image/topic_detail_1.png"></a>
				<div class="ad_content">
					<div class="title">
						【本周投资金额突破10亿！】广发基金高级证券师主力推荐[体育强国]，投资了进你那就可以安心睡觉了！
					</div>
					<div class="profit">
						<div class="profit_item">
							<div class="text">年华收益播报</div>
							<div class="num">81.78<em>%</em></div>
						</div>
						<div class="profit_item last">
							<div class="text">是银行活期的</div>
							<div class="num">260<em>倍</em></div>
						</div>
					</div>
					<div class="op_action">
                        <a href="##" class="btn btn_white">立即投资</a>
                        <a href="##" class="btn btn_buy"><i class="ico_cart"></i>加入购物车</a>
                        <div class="price"><span class="unit">￥</span>0</div>
                        <div class="old_price">
                            <span class="label"></span>
                            <span class="num">￥88</span>
                        </div>
					</div>
					<div class="other_text">
                        <div class="share">
                            <a href="##"><i class="ico ico_praise"></i>890</a>
                            <a href="##"><i class="ico ico_disagree"></i>890</a>
                            <a href="##"><i class="ico ico_focus"></i>加入关注</a>
                            <a href="##"><i class="ico ico_share_2"></i>分享</a>
                        </div>
						<span class="text"><strong>3999</strong>人已投资</span> <span class="text"><strong>8万</strong>人已投资</span>
					</div>
				</div>
			</div>
			<div class="mod_detail">
				<div class="detail_title">
					<ul class="tab_list">
						<li>
							<a href="##" class="tab tab_selected">主题详情</a>
						</li>
						<li>
							<a href="##" class="tab">用户评论<strong>（57）</strong></a>
						</li>
						<li>	
							<a href="##" class="tab">投资记录<strong>（24455）</strong></a>
						</li>
					</ul>
				</div>
				<div class="detail_rate">
					<div class="rate_item">
						<p class="text">年收益率<i class="ico ico_question"></i></p>
						<p class="rate rate_red"><strong>81.78</strong>%</p>
					</div>
					<div class="rate_item">
						<p class="text">年化波动率<i class="ico ico_question"></i></p>
						<p class="rate rate_red"><strong>21.78</strong>%</p>
					</div>
					<div class="rate_item">
						<p class="text">夏普比<i class="ico ico_question"></i></p>
						<p class="rate rate_red"><strong>1.78</strong>%</p>
					</div>
					<div class="rate_item">
						<p class="text">实盘天数<i class="ico ico_question"></i></p>
						<p class="rate rate_gray"><strong>81</strong></p>
					</div>
					<div class="rate_item">
						<p class="text">建议最低配置资金</p>
						<p class="rate rate_gray"><strong>100000</strong>元</p>
					</div>
				</div>
				<div class="detail_text">
					<p>
						这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字这里是文字
					</p>
				</div>
				<div class="detail_text">
					<dl>
						<dt>股票数目：</dt>
						<dd>5-20只</dd>
						<dt>持仓时间：</dt>
						<dd>2个月以上</dd>
						<dt>风险评估：</dt>
						<dd>稳健</dd>
					</dl>
					<dl>
						<dt>更新频率：</dt>
						<dd>视市场换件而定</dd>
						<dt>建议配置资金范围：</dt>
						<dd>10万-500万</dd>
					</dl>
				</div>
				<div class="mod_history">
					<div class="history_title">
                        <ul class="tab_list">
                            <li>
                                <a href="##" class="tab tab_selected">净值走势</a>
                            </li>
                            <li>
                                <a href="##" class="tab">回撤走势</a>
                            </li>
                            <li>
                                <a href="##" class="tab">日收益分布</a>
                            </li>
                        </ul>
						<span class="title_text">历史业绩</span>
					</div>
					<div class="chart">
						<img src="image/topic_detail_2.png">
					</div>
					<div class="op">
						<a href="##" class="btn btn_gray_2">策略组合</a>
					</div>
				</div>

				<div class="mod_history">
					<div class="history_title">
						<span class="title_text">详细持仓股票列表</span>
					</div>
					<div class="chart">
						<a href="##" class="chart_list img_cover">
							<span class="text">立即查看</span><span class="price"><strong>28</strong>金币</span>
						</a>
						
						<div class="chart_list">
							<table class="table_bill">
	                            <thead>
	                            <tr>
	                                <th>仓位</th>
	                                <th>标的</th>
	                                <th>买入时间</th>
	                                <th>买入价格</th>
	                                <th>现价（涨幅）</th>
	                                <th>持仓盈亏</th>
	                            </tr>
	                            </thead>
                            </table>
                            <div class="table_mask">
                            <table class="table_bill" >                    
                            <tbody>
                            <tr>
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="increase">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            <tr class="even">
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="decrease">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            <tr class="stop">
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>9.08</td>
                                <td>停牌</td>
                                <td>停牌</td>
                            </tr>
                            <tr class="even">
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="decrease">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            <tr>
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="increase">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            <tr class="even">
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="decrease">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            <tr>
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="increase">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            <tr class="even">
                                <td>10%</td>
                                <td>飞乐股份<a href="##" class="share_id">[600654]</a></td>
                                <td>2013/7/12</td>
                                <td>5.09</td>
                                <td><span class="decrease">10.29 [0.56%]</span></td>
                                <td><span class="up">103%</span></td>
                            </tr>
                            </tbody>
                        	</table>
                            </div>

						</div>


						<img src="image/topic_detail_4.png">
					</div>

					
				</div>

			</div>

			<div class="mod_comment">
				<div class="detail_title">
					<span class="tab">用户评论</span>
					<a href="##" class="link">我要点评>></a>
				</div>
				<div class="evaluate">
					<label><input type="radio" />全部</label>
					<label><input type="radio" />满意<span class="num">(1)</span></label>
					<label><input type="radio" />一般<span class="num">(1)</span></label>
					<label><input type="radio" />不满意<span class="num">(1)</span></label>
				</div>
				<div class="comment_list">

					<div class="comment_item">
						<img src="" style="background: #eee;">
						<div class="cm_ct">
							<div class="point">
								<div class="stars">
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star "></span>
								</div>
								<span class="text">
									5分
								</span>
								<span class="text">
									满意
								</span>
								<span class="date">
									2014-03-12 13:40
								</span>
							</div>
							<div class="cm_text">
								非常好！！！
							</div>
						</div>
					</div>	

					<div class="comment_item">
						<img src="">
						<div class="cm_ct">
							<div class="point">
								<div class="stars">
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star "></span>
								</div>
								<span class="text">
									5分
								</span>
								<span class="text">
									满意
								</span>
								<span class="date">
									2014-03-12
								</span>
							</div>
							<div class="cm_text">
								非常好！！！
							</div>
						</div>
					</div>	

					<div class="comment_item">
						<img src="">
						<div class="cm_ct">
							<div class="point">
								<div class="stars">
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star star_on"></span>
									<span class="star "></span>
								</div>
								<span class="text">
									5分
								</span>
								<span class="text">
									满意
								</span>
								<span class="date">
									2014-03-12
								</span>
							</div>
							<div class="cm_text">
								非常好！！！
							</div>
						</div>
					</div>	

					<div class="mod_page">
						<ul class="pages">
							<li>
								<a href="##"><<上一页</a>
							</li>
							<li>
								<a href="##" class="current">1</a>
							</li>
							<li>
								<a href="##">2</a>
							</li>
							<li>
								<a href="##">下一页>></a>
							</li>
						</ul>
					</div>

				</div>
				<div class="log_text">
					有观点有看法？<a href="##">登录</a>点评一下吧……
				</div>
			</div>
			
		</div>
		<!-- 左边 end -->

		<!-- 右边 start -->
		<div class="right_ct">
            <div class="mod_committee">
                <div class="committee_head">
                    <a class="photo">
                        <img src="image/photo_default.png"/>
                    </a>
                    <div class="user_info">
                        <a class="user_name">赢家委员会</a>
                        <div class="tag">发布者</div>
                    </div>
                    <div class="fold"></div>
                </div>
                <div class="committee_body">
                    <p class="user_name">赢家委员会</p>
                    <p class="user_status">银河证券特级分析师</p>
                    <p><a href="##" class="btn btn_gray_2">发私信（1金币）</a></p>
                </div>
            </div>
            <div class="mod_hot">
                <div class="title">
                    <h2>热门主题</h2>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news1.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news2.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news3.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
                <div class="list_item">
                    <a href="##" class="news_img"><img src="image/top_list_news4.jpg"></a>
                    <p class="news_text">银河证券特级分析师推荐主题，持续两个季度收益率超过45%</p>
                </div>
            </div>
		</div>
		<!-- 右边 end -->
		</div>
		
	</div>
	<!-- 内容 end -->




	<!-- footer start -->
	<div class="mod_footer_1">
		<div class="wrap">
			<div class="ft">
				<div class="ico ico_safe"></div>
				<div class="ft_info">
					<p class="title">安全放心</p>
					<p class="text">资金运作监管机构全程监督，财产有效保障</p>
				</div>
			</div>
			<div class="ft">
				<div class="ico ico_time"></div>
				<div class="ft_info">
					<p class="title">节省时间</p>
					<p class="text">精心设计主题结合，无需奔波挑选</p>
				</div>
			</div>
		</div>
	</div>
	<div class="mod_footer_2">
		<div class="wrap">
			<p class="text_1">准备开始高收益理财人生了么？</p>
			<p class="text_2">各路赢家带你投资，轻松跑赢理财！</p>
			<div class="op_btns">
				<a href="##" class="btn btn_gray">我要注册</a>
				<a href="##" class="btn btn_red">我要开户</a>
			</div>
			<div class="logo">
				<span class="hidden">金融炼金术</span>
			</div>
			<a href="##" class="btn btn_follow"><i>+</i>关注</a>
			<div class="links">
				<a href="##" class="link">关于跑赢家</a>
				<a href="##" class="link">联系我们</a>
				<a href="##" class="link link_last">市场有风险，投资需谨慎</a>
			</div>
		</div>
	</div>
	<div class="copyright">
				Copyright©2014 Soufun Holdings Limited. All Rights Reserved
	</div>
	<!-- footer end -->
<div class="dialog_layer label_layer" style="width:450px;position:relative;float:left;left:0;top:0;clear:both">
	    <div class="dialog_layer_main">
	     <div class="dialog_layer_title title_white"><h3><a href="##" class="close"></a></h3></div>
	        <div class="dialog_layer_cont">
	            <p class="cont_text"><strong>保存成功！</strong>您创建的主题可以在 个人中心>创建发布 下查看、编辑，如果想发布到网站上，请您继续预览并发布主题</p>
	        </div>
	    </div>
	</div>

</body>
</html>